import ReactDOM from "react-dom/client";
import "./styles/index.scss";
import "@ant-design/v5-patch-for-react-19";
// import LazyImage from "./components/LazyImage";
import "./global.css";
// import { LineEChart, PieEChart } from "./components/PageECharts";
// import DynamicForm from "./components/DynamicForm";
import FileUploader from "./components/FileUploader";
// import CanvasScreenshot from "./components/CanvasScreenshot";
// import Canvas from "./components/Canvas";
// import PDFPreview from "./components/PDFPreview";
// import App from "./App";
// import App from "./components/Row2/App";
// import App from "./components/Cell/App";
// import App from "./components/Row/App";
// import "./service/modules/home";
// import "./service/modules/entire";
// import App from "./components/App";

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);

// const imageUrls = [
//   "https://picsum.photos/800/600?random=1",
//   "https://picsum.photos/800/600?random=2",
//   "https://picsum.photos/800/600?random=3",
//   "https://picsum.photos/800/600?random=4",
//   "https://picsum.photos/800/600?random=5",
//   "https://picsum.photos/800/600?random=6",
//   "https://picsum.photos/800/600?random=7",
//   "https://picsum.photos/800/600?random=8",
//   "https://picsum.photos/800/600?random=9",
//   "https://picsum.photos/800/600?random=10",
//   "https://picsum.photos/800/600?random=11",
//   "https://picsum.photos/800/600?random=12",
//   "https://picsum.photos/800/600?random=13",
//   "https://picsum.photos/800/600?random=14",
//   "https://picsum.photos/800/600?random=15",
//   "https://picsum.photos/800/600?random=16",
//   "https://picsum.photos/800/600?random=17",
//   "https://picsum.photos/800/600?random=18",
//   "https://picsum.photos/800/600?random=19",
//   "https://picsum.photos/800/600?random=20",
//   "https://picsum.photos/800/600?random=21",
//   "https://picsum.photos/800/600?random=22",
//   "https://picsum.photos/800/600?random=23",
//   "https://picsum.photos/800/600?random=24",
// ];

// const App = () => {
//   return (
//     <div className="container">
//       <div className="image-grid">
//         {imageUrls.map((url, index) => (
//           <LazyImage key={index} src={url} className="lazy-image" />
//         ))}
//       </div>
//       <div style={{ height: "2000px" }}></div>
//     </div>
//   );
// };

root.render(
  <>
    {/* <PieEChart
      pieData={[
        { value: 1048, name: "Search Engine" },
        { value: 735, name: "Direct" },
        { value: 580, name: "Email" },
        { value: 484, name: "Union Ads" },
        { value: 300, name: "Video Ads" },
      ]}
    />
    <LineEChart /> */}
    <FileUploader />
  </>
);
